<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<title>新品</title>
	<script src="../public/js/jquery.min.js"></script>
	<script src="../public/js/vue/vue.js"></script>
	<script src="../public/js/vue/vue-resource.js"></script>
	<script src="../public/js/publicjs.js"></script>
	<link rel="stylesheet" href="../public/css/reset.css">
	<link rel="stylesheet" href="../public/css/samecss.css">
	<link rel="stylesheet" href="../css/newpropage.css">
	<script>
		/*document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5  < 128/3 ? 128/3 : document.documentElement.clientWidth / 7.5 + 'px';
		window.onresize = function(){
			document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5  < 128/3 ? 128/3 : document.documentElement.clientWidth / 7.5 + 'px';
		}
		console.log(document.documentElement.style.fontSize);*/
		document.documentElement.style.fontSize = document.documentElement.clientWidth / 3.75  < 64/3 ? 64/3 : document.documentElement.clientWidth / 3.75 + 'px';
		window.onresize = function(){
			document.documentElement.style.fontSize = document.documentElement.clientWidth / 3.75  < 64/3 ? 64/3 : document.documentElement.clientWidth / 3.75 + 'px';
		}
		console.log(document.documentElement.style.fontSize);
	</script>
</head>
<body>
<div id="appbox">
	<!--顶部大图滚动-->
	<header>
		<div id="headerswiper" class="swiper-container clearfloat">
			<!--<div class="swiper-wrapper">
				<div class="swiper-slide"><a href="javascript:void (0)"><img src="../images/headerswiper1.png" alt=""></a></div>
				<div class="swiper-slide"><a href="javascript:void (0)"><img src="../images/headerswiper1.png" alt=""></a></div>
				<div class="swiper-slide"><a href="javascript:void (0)"><img src="../images/headerswiper1.png" alt=""></a></div>
			</div>-->
			<!-- 如果需要分页器 -->
			<!--<div class="swiper-pagination"></div>-->

			<!-- 如果需要导航按钮 -->
			<!--<div class="swiper-button-prev"></div>-->
			<!--<div class="swiper-button-next"></div>-->

			<!-- 如果需要滚动条 -->
			<!--<div class="swiper-scrollbar"></div>-->
			<div id="headercontentbox">
				<div id="headerboxaddress">
					<img src="../images/mapaddress000.png" alt="地点">
					<span class="text-black53 font13">北京</span>
				</div>
				<div id="headersearchbox">
					<input type="text" placeholder="搜索你要的商品">
				</div>
				<div id="headercaremabtn">
					<img src="../images/scan000.png" alt="headercaremabtn">
				</div>
			</div>
		</div>
	</header>
	<div id="content">
		<div id="modeselections">
			<a href="javascript:void (0)" @click="gotolink(daiyang)">
				<img src="../images/daiyang.png" alt="">
				<p class="text-black24 font12">代养</p>
			</a>
			<a href="javascript:void (0)" @click="gotolink(qindan)">
				<img src="../images/jiqindan.png" alt="">
				<p class="text-black24 font12">禽蛋</p>
			</a>
			<a href="javascript:void (0)" @click="gotolink(guoshu)">
				<img src="../images/guoshu.png" alt="">
				<p class="text-black24 font12">果蔬</p>
			</a>
			<a href="javascript:void (0)" @click="gotolink(gaoding)">
				<img src="../images/gaojidingzhi.png" alt="">
				<p class="text-black24 font12">高定</p>
			</a>
		</div>
		<div id="lisbox">
			<p class="font18 text-black24">今日新品</p>
			<ul id="contentul">
				<li class="contentulli" v-for="item in appboxdata" @click="shangpinliclick(item.id)">
					<div class="imgbox">
						<img :src="item.thumb" alt="">
					</div>
					<p class="font14 text-black24">{{item.name}}</p>
					<span class="font13 text-black115">{{item.des}}</span>
					<div class="font13 text-red222">￥{{item.price}}元/kg</div>
				</li>


				<!--<li class="contentulli">
					<div class="imgbox">
						<img src="../images/daiyangtaocan.png" alt="">
					</div>
					<p class="font14 text-black24">纯草农庄新鲜采摘清香皮薄无籽青柠</p>
					<span class="font13 text-black115">浓缩清香无籽不必担心浪费</span>
					<div class="font13 text-red222">￥59.9元/kg</div>
				</li>
				<li class="contentulli">
					<div class="imgbox">
						<img src="../images/daiyangtaocan.png" alt="">
					</div>
					<p class="font14 text-black24">纯草农庄新鲜采摘清香皮薄无籽青柠</p>
					<span class="font13 text-black115">浓缩清香无籽不必担心浪费</span>
					<div class="font13 text-red222">￥59.9元/kg</div>
				</li>
				<li class="contentulli">
					<div class="imgbox">
						<img src="../images/daiyangtaocan.png" alt="">
					</div>
					<p class="font14 text-black24">纯草农庄新鲜采摘清香皮薄无籽青柠</p>
					<span class="font13 text-black115">浓缩清香无籽不必担心浪费</span>
					<div class="font13 text-red222">￥59.9元/kg</div>
				</li>
				<li class="contentulli">
					<div class="imgbox">
						<img src="../images/daiyangtaocan.png" alt="">
					</div>
					<p class="font14 text-black24">纯草农庄新鲜采摘清香皮薄无籽青柠</p>
					<span class="font13 text-black115">浓缩清香无籽不必担心浪费</span>
					<div class="font13 text-red222">￥59.9元/kg</div>
				</li>-->
			</ul>
		</div>
	</div>
	<!--footer部分-->
	<footer>
		<a href="index.html">
			<img src="../images/index.png" alt="">
			<p class="text-black96">首页</p>
		</a>
		<a href="newpropage.html" class="select">
			<img src="../images/newsselect.png" alt="">
			<p class="text-black96">新品</p>
		</a>
		<a href="promotionpage.html">
			<img src="../images/activity.png" alt="">
			<p class="text-black96">活动</p>
		</a>
		<a href="shoppingcartpage.html">
			<img src="../images/shoppingcart.png" alt="">
			<p class="text-black96">购物车</p>
		</a>
		<a href="javascript:void (0)" @click="iflogined">
			<img src="../images/percenter.png" alt="">
			<p class="text-black96">我的</p>
		</a>
	</footer>
</div>
<script src="../js/newpropage.js"></script>
</body>
</html>